<template>
    <div id="app" class="theme-light" :class="{ english: $i18n.locale === 'en_US' }">
        <loading />
        <keep-alive exclude="equipmentsLedger,andonScreen,productionReportingRecords">
            <router-view />
        </keep-alive>
        <!--        <router-view v-if="!$route.meta.keepAlive"></router-view>-->
    </div>
</template>

<script>
import loading from '@/components/loading'

export default {
    name: 'app',
    data() {
        return {
            beginTime: ""
        }
    },
    components: {
        loading
    },
    created() {

    },
    mounted() {
        window.onbeforeunload = function () {
            this.beginTime = new Date().getTime();
        };

    },
    methods: {},
}
</script>


<style lang="scss">
//@import '../node_modules/iview/dist/styles/iview.css';
@import './css/common.scss';
/* 公共样式 */
@import './css/font.css';
/* 公共样式 */
//@import url('//at.alicdn.com/t/font_1273506_c4saj7ictoj.css');
@import './font/report/iconfont.css';
/* report icon*/
@import './font/qtch/iconfont.css';
/* report icon*/

//@import url("//at.alicdn.com/t/c/font_3697071_st19v4oemd.css");

@import './assets/style/theme/index.scss';

/* 公共样式 */
html {
    height: auto !important;
}

body,
#app {
    width: 100%;
    font-family: "Roboto", arial, sans-serif !important;

    &.english {
        font-family: Arial !important;

        //* {
        //    font-family: Arial;
        //    &:not(i){
        //
        //    }
        //}
    }
}

.cascader-tree {
    margin-top: 5px !important;
}

.ivu-message {
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;

    .ivu-message-notice {
        display: none;
    }

    .ivu-message-notice:last-child {
        display: block;
    }
}

.zy-content {
    margin: 0 20px 0 250px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
    width: auto !important;
}

.conAnimateBack {
    margin: 0 20px 0 75px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
    width: auto !important;
}
// 解决pagesize组件三个点乱码的问题
.theme-light>>>.ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
    content: "\2022\2022\2022" !important;
}
</style>
